草庐IT

Bootstrap4 表单

全部标签

javascript - AJAX:提交表单而不刷新页面

我有一个类似下面的表格:我是AJAX的新手,我想要完成的是当用户单击提交按钮时,我希望mail.php脚本在后台运行而不刷新页面。我尝试了类似下面的代码,但是,它似乎仍然像以前一样提交表单,而不是我需要它(在幕后):$.post('mail.php',$('#myForm').serialize());如果可能,我想获得使用AJAX实现此功能的帮助,提前致谢 最佳答案 您需要阻止默认操作(实际提交)。$(function(){$('form#myForm').on('submit',function(e){$.post('mail.

javascript - 每次表单输入字段更改时如何发送 ajax 请求?

例如,有一个输入框。每次用户在该字段中键入一个键时,它都会发送一个AJAX请求,其中包含该输入中当前的任何文本,并对其进行处理。我研究了Jquery中的change和keyup函数,但是当我在Jsfiddle中尝试它们时,它们什么也没做。是否有执行此类操作的标准方法?我知道它在验证和其他方面很常见。$('input').on("change",(function(e){alert("Hello");});我要的效果就像这个游戏www.sporcle.com/games/g/nflteams#您可以输入任何文本,如果它在正确答案集中,那么表格将更新以显示该答案。你永远不必提交。你认为他们

javascript - Bootstrap 3 - 如何在点击时淡入警告框并在 3 秒后淡出

我正在使用AngularJS和Bootstrap3。我的网络应用程序有一个“更新”按钮,用于保存用户所做的任何更改。当用户单击“更新”按钮时,我想激活并淡入Bootstrap的警告框,提示“信息已保存”,然后在3秒后淡出。我不知道如何创建此功能,可能需要一些帮助..更新:我决定使用这种方法:HTMLUpdateJavaScript$scope.save=function(){$('#alert_placeholder').html('×Yourinformationhasbeenupdated.')setTimeout(function(){$("div.alert").r

javascript - 如何在 React 中使用 Bootstrap 工具提示?

我之前有工具提示,正在尝试将我的组件迁移到React。我还没有使用react-bootstrap,因为我不确定我是否会使用它,因为它仍在大力开发中,还不是1.0。这是我的渲染代码的片段:并调用它:我知道您必须调用工具提示函数才能显示它,我认为这就是我搞砸的地方。我目前正在尝试这样的事情:componentDidMount(){$(this.refs.test).tooltip();//this.refs.test.tooltip();?//$('[data-toggle="tooltip"]').tooltip();?}但是这些似乎都不起作用。工具提示未显示。

javascript - 无法通过在javascript中使用表单名称获取表单元素

我在通过名称访问我的表单时遇到问题。当我使用document.form[0].mylink.value时,它​​会识别值并输出到我指定的innerHTML。但是,当我使用document.myform.mylink.value时,它​​似乎无法识别该表单。我已经在chrome6.0和firefox3.6.3中尝试过这个并且在两者中得到相同的结果。我确实需要能够使用表单名称(而不是document.form[0])访问我的表单值,知道为什么document.myform.mylink.value不起作用吗?ClickfunctionsubmitForm2(){//ThisonedoesN

javascript - Bootstrap 边栏滚动、Affix 和 Scrollspy

较新所以滚动现在可以正常工作了……但是它固定在页面的顶部。我需要它位于正确的位置(在内容旁边),然后在它的当前位置开始滚动内容。我想让我的侧边栏像这里这样滚动->http://getbootstrap.com/2.3.2/components.html网址是http://www.katyasarmiento.zzl.org(目前是免费托管网站)年长我真的很难过。我已经尽我所能查找了所有内容,但我仍然无法弄清楚。我通过找到的教程让它工作了一段时间,但它在ScrollSpy上效果不佳。所以我正在尝试使用Bootstrap的Affix。我是javascript/jquery的新手,所以如果有

javascript - 使用 URL 和哈希切换 Bootstrap 模式

我想使用带有散列的URL来调用特定的Bootstrap模态。换句话说,用户在page1上并单击指向page2#hash的链接,并且在page2加载时加载#hash模式。根据我在其他问答中读到的内容,我尝试了很多变体,但没有任何效果。我对JS一点经验都没有,所以非常感谢您的帮助!这是我所拥有的:第1页上的链接:第2页的HTML:...第2页上的Javascript:if(window.location.hash){varhash=window.location.hash;$("'"+hash+"'").modal('toggle');}顺便说一下,当用户实际在page2上时调用模式就可以

javascript - 如何在 Angular 2 的 http post 请求中发送表单数据?

我正在尝试将更新后的用户详细信息的表单数据发送到Angular2中哪个节点服务器的后端,但是我无法发送表单数据并且服务器响应状态为500,在angularjs中我做了一些事情像这样,服务文件update:{method:'POST',params:{dest1:'update'},transformRequest:angular.identity,'headers':{'Content-Type':undefined}}在Controller中作为varfd=newFormData();varuser={_id:StorageFactory.getUserDetail()._id,lo

javascript - 使用 accepts_nested_attributes_for 的 rails 中的三级嵌套表单

我一直在尝试在我的Rails应用程序中使用accepts_nested_attributes_for实现动态多模型表单。我一直在关注EloyDuran的complex-formsexample这显示了2级实现,但我一直在尝试将其扩展到3级。accepts_nested_attributes_for是否支持3级表单?谁能告诉我如何扩展示例应用程序?我已经让第3级的javascript部分工作(由于某种原因并不总是工作),但我无法保存第3级对象。它为每个属性传递的参数名称是:greatgrandparent[grandparent_attributes][0][parent_attribu

javascript - 如何在 Django 表单输入字段中设置事件处理程序

如何在Django表单给定字段的onclick事件中将JavaScript函数设置为处理程序。这可能吗?任何线索将不胜感激。 最佳答案 我为此所做的是:classMyForm(forms.Form):stuff=forms.ChoiceField([('a','A'),('b','B')],widget=forms.Select(attrs={'onclick':"alert('foo!');",}) 关于javascript-如何在Django表单输入字段中设置事件处理程序,我们在St